/******************

	General Styles

******************/

	a {
		color: #003366;
	}
	
	textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}
	
	#leftIt {
		float: left;
	}
	
	#rightIt {
		float: right;
	}	
	
	.rightIt {
		float: right;
	}	
	
	.leftItTxt {
		text-align: left;
	}
	
	.rightItTxt {
		text-align: right;
	}
	
	.centerTxt {
		text-align: center;
	}

/******************

	form styles

******************/

	body {
		text-align: center;
		margin: 10px auto;
		background: #fff url('../images/main_bg.gif') repeat-x;
	}

	form {
		margin: 0px;
		padding: 0px;
	}
	
	input {
		font-size: 8pt;
	}
	
	select {
		font-size: 8pt;
	}
	
	input.smallInput {
		font-size: 7pt;
		width: 60px;
	}
	
	input.textsmall {
		width: 27px;
	}
	
	input.largeInput, select.largeInput {
		width: 250px;
	}
	
	
	.stdselect {
		width: 80px;
	}

/*****************

	Main Page

*****************/

	#mainPageWrapper {
		text-align: center;
		margin: 0px auto;
		width: 990px;
	}
	
	#top_navigation {
		float: left;
		margin: 0px;
		padding: 0px;
		width: 930px;
		margin-left: 5px;
	}
	
	#top_navigation #linksArea {
		text-align: left;
		float: left;
		margin: 0px;
		padding: 0px;
		height: 24px;
	}
	
	#top_navigation #logoArea {
		float: right;
		width: 100px;
	}
	
	#top_navigation #linksArea ul {
		margin: 0px;
		padding: 0px;
		height: 24px;
	}
	
	#top_navigation li {
		float: left;	
		background: url('../images/navtab_middle.png');	
		width: 95px;
		height: 24px;
		list-style: none;
	}
	
	#top_navigation li.start {
		background: url('../images/navtab_start.png');	
	}
	
	#top_navigation li.end {
		background: url('../images/navtab_end.png');
		width: 97px;	
	}
	
	#top_navigation  a {
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		padding-left: 25px;
	}	
	
	#top_navigation a:hover {
		text-decoration: none;
		font-weight: bold;
		color: #ffcc00;
	}
	
	#main_Header {
		float: left;
		background: url('../images/header_bg.gif');
		width: 990px;
		height: 53px;
	}
	
	
	#main_BodyHolder {
		float: left;
		width: 990px;
		background: #f2fafd url('../images/body_bg.gif');
		background-repeat: repeat-x;
		border: 1px solid #ccc;
	}
	
	#LHS_Nav {
		margin: 10px;
		float: left;
		width: 150px;
	}
	
	.LHS_Bar {
		background-color: #fff;
		float: left;
		width: 150px;
		border: 1px solid #336699;
		text-align: left;
		margin-bottom: 10px;
	}
	
	.LHS_Bar span.bbutton {
		width: 100%;
		height: 33px;
		display: block;
		background-image: url('../images/backButton.gif');
	}
	
	.LHS_Bar span.loggedin {
		width: 100%;
		height: 33px;
		display: block;
		background-image: url('../images/loggedIn.gif');
	}
	
	.LHS_Bar span.loggedin a, #LHS_Bar span.loggedin a:hover{
		text-decoration: none;
		line-height: 33px;
		margin-left: 10px;
	}
	
	.LHS_Bar span.bbutton a, #LHS_Bar span.bbutton a:hover{
		text-decoration: none;
		line-height: 33px;
		margin-left: 15px;
	}
	
	/****************
	*  Table Layout *
	****************/
	
	.LHS_Bar table {
		float: left;
	}
	
	.LHS_Bar td {
		padding: 10px;
		text-align: left;
	}
	
	.LHS_Bar td.header {
		font-weight: bold;
	}
	
	/****************
	*  List Layout  *
	****************/
	
	.LHS_Bar ul {
		padding: 0;
		margin: 0;
	}
	
	.LHS_Bar li {
		list-style: none;
		height: 29px;
		line-height: 29px;
		margin-left: 0px;
		padding-left: 10px;
	}
	
	.LHS_Bar li.nul a{
		text-decoration: none;
	}
	
	.LHS_Bar li.header {
		background-image: url('../images/titleBackground.gif');
		padding-left: 10px;
		font-size: 10pt;
		font-weight: bold;
		color: #000;
	}
	
	#main_Body {
		float: left;
		width: 800px;
	}

	#main_Footer {
		float: left;
		width: 100%;
	}
	

/*****************
	
	Application Controls

*****************/

/*	#messageBox {
		margin: 10px auto;
		text-align: center;
		padding: 20px;
		width: 300px;
		border: 1px solid #666;
		background: #ff0000 url('../images/admin/admin_textheaderbg.gif');
		background-repeat: repeat-x;
		background-position: bottom;
	}*/
	#messageBox {
		text-align: center;
		
		border: 1px solid #ff0000;
		background-color: #ffffd7;
	}
	
	#messageBox p { 
		padding: 10px;
	}
	#messageBox2 {
		text-align: center;
		width: 805px;
		border: 1px solid #0000FF;
		background-color: #ffffd7;
	}
	
	#messageBox2 p { 
		padding: 10px;
	}
	#messageBox3 {
		text-align: center;
		width: 80%;
		border: 1px solid #0000FF;
		background-color: #ffffd7;
	}
	
	#messageBox3 p { 
		padding: 10px;
	}

	#app_Wrapper {
		margin-top: 10px; 
		margin-bottom: 10px;
		width: 808px;
		border: 1px solid #336699;
		background-color: #afc9e0;

	}
	#app_WrapperWhite {
		margin-top: 10px; 
		margin-bottom: 10px;
		width: 808px;
		border: 1px solid #336699;
		background-color: #fff;
		text-align: center;
	}

	#app_Title {
		float: left;
		padding: 0px;
		margin: 0px;
		border: 0px;
		background: #fff url('../images/admin/admin_textheaderbg.gif') bottom;
		background-repeat: repeat-x;
		border-bottom: 1px solid #fff;
		width: 808px;
		text-align: left;
	}
	
	#app_Title h2 {
		margin: 0px 0px 0px 2px; 
		line-height: 33px;
	}

	.app_inPgTitle {
		float: left;
		padding: 0px;
		margin: 0px;
		border: 0px;
		background: #fff url('../images/admin/admin_textheaderbg.gif');
		background-repeat: repeat-x;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #d3e1f7;
		width: 808px;
		text-align: left;
	}
	
	.app_inPgTitle h2 {
		margin: 0px;
		padding: 3px;
		font-size: 14px;
	}
	
	#app_SearchBox {
		float: left;
		margin: 0px;
		border: 0px;
		border-top: 1px solid #999;
		border-bottom: 1px solid #fff;
		background-color: #b9d3e9;
		width: 808px;
		text-align: left;
	}

	#app_SearchBox #app_SearchFrm {
		padding: 10px;
	}
	
	.app_ResultFilterBox {
		float: left;
		margin: 0px;
		border: 0px;
		background-color: #e4eef6;
		border-top: 1px solid #999;
		border-bottom: 1px solid #fff;
		width: 808px;
		text-align: left;
	}
	
	.app_ResultFilterBox .view_Results {
		float: left;
		width: 390px;
		padding: 5px;
	}

	.app_ResultFilterBox .view_Page {
		float: left;
		width: 390px;
		padding: 5px;
		text-align: right;
	}
	
	.app_moreBar {
		float: left;
		width: 100%;
		text-align: left;
		background-color: #fff;
	}
	
	.app_moreBar p {
		padding: 10px;
	}
	
	#app_Statistics {
		float: left;
		width: 47%;
		vertical-align: middle;
	}
	
	#app_Graph {
		padding-top: 22px;
		float: right;
		width: 53%;
	}
	

/*****************

	Results table

******************/
		
	.tbl_standard {
		float: left;
		width: 808px;
	}
	
	.tbl_standard td {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	tr.tbl_header {	
		height: 30px;
		background-color: #afc9e0;
		border-top: 3px solid #fff;
		border-bottom: 1px solid #fff;
		font-weight: bold;
	}
	
	tr.tbl_row1 {
		background-color: #d5e0ea;
		border-bottom: 1px solid #fff;
	}
	
	tr.tbl_row2 {
		background-color: #edf1f6;
	}
	
	tr.tbl_row3 {
		background-color: #CCCCCC;
		border-bottom: 1px solid #fff;
	}
	
	tr.tbl_row4 {
		background-color: #E4E4E4;
	}

	tr.tbl_data {
		align: right;
	}
	
	tr.tbl_base {
		padding: 5px;
		text-align: left;
		border-top: 1px solid #fff;
		background-color: #afc9e0;
	}
	
	#tbl_col2 {
		float: left;
		width: 100%;
		padding-bottom: 10px;
		background-color: #fff;
	}
	
	#tbl_stats {
		margin: 0px auto;
		margin-top: 20px;
		width: 350px;
		text-align: left;
	}
	
	#tbl_stats td {
		border: 1px solid #afc9e0;
	}
	
	#tbl_toolBar {
		float:left;
		width: 808px;
	}
	
	#tbl_toolBar td {
		padding: 10px;
		background-color: #ddeafe;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #fff;
	}
	
	tr.unpaid td { background-color: #faa; }
	
	/******

		Used for sub tables within tables
	
	*****/
	#tbl_subTable td {
		padding: 0px;
	}
	
	tr.tbl_sub_Header {
		padding: 0px;
		background-color: #afc9e0;
		border-top: 3px solid #fff;
		border-bottom: 1px solid #fff;
		font-weight: bold;
	}
	
	tr.tbl_sub_row1 {
		background-color: #d5e0ea;
		border-bottom: 1px solid #fff;
	}
	
	tr.tbl_sub_row2 {
		background-color: #edf1f6;
	}
	
/*************

	Project styles
	
**************/
	#tbl_projDetails {
		float: left;
		text-align: center;
		margin: 10px auto;
		margin-left: 80px;
		width: 650px;
		border: 1px solid #999;
	}
	
	#tbl_projDetails td {
		margin: 0px;
		padding: 10px;
		border: 1px solid #999;
	}
	
	#tbl_projDetails #headerCell {
		background-color: #ccc;
	}
	
	#fileNameRow {
		background-color: #efefef;
	}
	
	#tinyCol {
		width: 30px;
	}
	
	#smallCol  {
		width: 5px;
	}
	
	#mediumCol {
		width: 80px;
	}
	
	
/************************

	Portal Congif Page
	
	Bespoked code for this page due to the conplexity of the form elements the row color swap is
	using generic / standard above table classes just using bespoke classes / id's for layout.
	
************************/

	/* Sneaky little class */
	.tbl_leftIt {
		text-align: left;
	}

	#tbl_configPg {
		float: left;
		width: 808px;
		text-align: center;
		margin: 0px auto;
		background-color: #fff;

	}
	
	
	#tbl_configPg tr.tbl_header {	
		padding: 5px;
		height: 30px;
		background-color: #afc9e0;
		font-weight: bold;
	}
	
	#tbl_config {
	
	}
	
	#tbl_configPg td {
		padding: 5px;
		text-align: left;
	}
	
	#tbl_configPg td.centerAlign {
		text-align: center;
	}
	
	
	#tbl_SubConfig {
		margin: 5px;
	}
	
	#tbl_SubConfig textarea{
		width: 140px;
		height: 50px;
	}
	
	#tbl_configPg #tbl_StdConfig {
		margin: 5px;
		width: 515px;
	}
	
	#tbl_StdConfig td.missinginput select, 
	#tbl_StdConfig td.missinginput input,
	#tbl_StdConfig td.missinginput textarea
	{
		border-style: solid;
		border-bottom: 2px solid #ffb2b2;
		border-right: 2px solid #ffb2b2;
		border-left: 2px solid #a02929;
		border-top: 2px solid #a02929;
	}
	
	#tbl_config input {
		font-size: 7pt;
		width: 60px;
	}
	
	#fileRow {
		height: 40px;
	}
	
/********************
	
	Document Layout Styles
	----------------------
	Emulating document style like word for email templates and printable content

********************/
	
	#tbl_document {
		float: left;
		text-align: center;
		margin: 10px auto;
		margin-left: 105px;
		width: 600px;
		border: 2px solid #ccc;
	}
	
	#tbl_document td {
		padding: 5px;
	}
	
/********************

	genDetails

*******************/

	#genDetails {
		width:790px;
		/*height: 470px;*/
		float: left;
		margin: 10px;
		
	}
	
	#genDetails td {
		text-align: left;
		line-height: 200%;
		padding: 5px;
	}
	
	#genDetails td.title {
		font-weight: bold;
		width: 100px;
		background-color: #ecf3fe;
		border-bottom: 1px solid #cddbed;
		
	}
	
	#genDetails td.data {
		width: 180px;
		border-bottom: 1px solid #cddbed;
		border-left: 1px solid #cddbed;
	}

	#genDetails td.rightIt {
		text-align: right;
	}

	#genDetails td.spacer {
		width: 20px;
	}
	
	#genDetails td.missinginput select, 
	#genDetails td.missinginput input,
	#genDetails td.missinginput textarea
	{
		border-style: solid;
		border-bottom: 2px solid #ffb2b2;
		border-right: 2px solid #ffb2b2;
		border-left: 2px solid #a02929;
		border-top: 2px solid #a02929;
	}
	
		
	#button_widget:hover {
		border: 1px solid #000;
	}
	#button_widget {
		padding: 10px;
		border: 1px solid #fff;
	}
		
	
	
fieldset 
{
	margin-left: 6px;
	height: 50px;

}